<?
/*
 * Variaveis para receber os valores informados
 */
$varUm = 0;
$varDois = 0;
?>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Calculadora - Exercicio 1</title>
        <link href="Resources/css/estilo.css" rel="stylesheet" type="text/css"/>
        <script type="text/javascript" src="Resources/JavaScript/script.js"></script>
    </head>
    <body>
        <h1>Calculadora</h1>
        <div id="corpo">
            <form title="Calculadora" method="post" action="" >
                <p>Informe dois valores que deseje calcular:</p>
                <div class="input">
                    <input id="campoUm" name="varUm" type="text" step="any" value="" required="true" placeholder="Valor 1" onkeyup="exibeFuncoes();" onchange="validarNumero(this);"/>
                </div>
                <div class="input">
                    <input id="campoDois" name="varDois" type="text" step="any" value="" required="true" placeholder="Valor 2" onkeyup="exibeFuncoes();" onchange="validarNumero(this);"/>
                </div>
                <div id="opcoes" style="display:none;"> 
                    Escolha uma das opçoes abaixo...:
                    <br />
                    <input name="opera" type="radio" value="Soma" onchange="exibeBotoes();"/>Soma<br/>
                    <input name="opera" type="radio" value="Mult" onchange="exibeBotoes();"/>Multiplicação<br/>
                    <input name="opera" type="radio" value="Sub" onchange="exibeBotoes();"/>Subtração<br/>
                    <input name="opera" type="radio" value="Div" onchange="exibeBotoes();"/>Divisão<br/>
                    <input name="opera" type="radio" value="Rest" onchange="exibeBotoes();"/>Resto da Divisão<br/>
                </div>
                <!--bottoes-->
                <div id="botoes" style="display:none;">
                    <input name="Calcular" type="submit" value="Calcular" />
                    <input name="Cancelar" type="reset" value="Cancelar" onclick="esconderDivs()"/>
                </div>
            </form>
            <?php
            /*
             * Função que faz os calculos...
             */
            if ($_POST) {
                $varUm = $_POST["varUm"];
                $varDois = $_POST["varDois"];
                $sinal = $_POST["opera"];
                $mensagem;

                switch ($sinal) {
                    case $value = "Soma":
                        $total = $varUm + $varDois;
                        $mensagem = "Resultado " . $varUm . " + " . $varDois . " = " . $total;
                        break;
                    case $value = "Mult":
                        $total = $varUm * $varDois;
                        $mensagem = "Resultado " . $varUm . " X " . $varDois . " = " . $total;
                        break;
                    case $value = "Sub":
                        $total = $varUm - $varDois;
                        $mensagem = "Resultado " . $varUm . " - " . $varDois . " = " . $total;
                        break;
                    case $value = "Div":
                        $total = $varUm / $varDois;
                        $mensagem = "Resultado " . $varUm . " ÷ " . $varDois . " = " . $total;
                        break;
                    case $value = "Rest":
                        $total = $varUm % $varDois;
                        $mensagem = "Resultado " . $varUm . " % " . $varDois . " = " . $total;
                        break;
                    default:
                        echo 'Error!';
                        break;
                }
                echo "<h3>".$mensagem."</h3>";
            }
            ?>
            
        </div>
    </body>
</html>
